/* -------------------------------------------------------------------------- Sportsvite | Other Crap Stylesheet Author: Clint Balcom / Balcom & Nobody Version: 1.3 Copyright © 2004-2008, Sportsvite, LLC. Don't Steal. ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- TOOL TIPS -----------------------------------------------------------------------------*/ #JT { position: absolute; z-index: 7000; } .jTip { cursor: help; } .ajax_loader_overlay { display: none; position: relative; left: 0; top: 0px; height: 160px; margin: 0px; padding-top: 80px; text-align: center; background: #fff; } /* Popup Bubbles */ table.pop { position: absolute; top: 42px; width: 354px; } table.pop td { background: transparent url(/images/maven/shared/pop.png) 0 0 no-repeat; } table.pop td.t_l { width: 11px; height: 31px; background-position: -30px bottom; } table.pop td.t_c { width: 325px; height: 31px; background-position: -30px -56px; } table.pop.left td.t_c { background-position: -30px -96px; } #JT.pop-alt table.pop td.t_c { background-position: -30px -96px; } table.pop td.t_r { width: 18px; height: 31px; background-position: -41px bottom; } table.pop td.c_l { width: 11px; background: transparent url(/images/maven/shared/pop_sides.png) 0 0 repeat-y; } table.pop td.c_main { width: 301px; padding: 0 12px; background: #e6eef8; } table.pop td.c_r { width: 18px; background: transparent url(/images/maven/shared/pop_sides.png) right 0 repeat-y; } table.pop td.b_l { width: 11px; height: 36px; background-position: -59px bottom; } table.pop td.b_c { width: 325px; height: 36px; background-position: -30px top; } table.pop td.b_r { width: 18px; height: 36px; background-position: -70px bottom; } .pop h4 { margin: 5px 0 1em 0; font: normal bold 1.4em Arial, sans-serif; color: #666; letter-spacing: -1px; } .pop h4 a.help { position: absolute; right: 30px; margin-top: 2px; } .pop p { } /* Bulletin Type Select */ #bull_type td.c_main li { padding: 0 !important; } #bull_type td.c_main li.alt { background: #f7fbff !important; } #bull_type td.c_main li a { display: block; margin: 0; padding: 5px 6px; font-size: 1.3em; border-bottom: 1px solid #c4d3e5; } #bull_type td.c_main li a:hover { color: #e6eef8; background: #3574c2; } #bull_type a.btn.cancel { margin: 12px 0 -5px 120px; } /* Calendar Popups */ .cal-pop-event h3 { text-indent: 0; margin: 0; padding: 8px 0 3px 0; font: bold 1.2em/.9em Arial, sans-serif; color: #444; border-bottom: 1px solid #bfd5ef; } .cal-pop-event h3 a { float: right; font-size: 11px; border: none !important; } .cal-pop-event dl { border-top: 1px solid #fff; } .cal-pop-event dt { float: left; width: 5.2em; padding: 14px 0 1.2em .6em; text-align: right; font-size: 1.1em; line-height: 1.2em; font-weight: normal; color: #555; } .cal-pop-event dt a { float: right; display: block; width: 50px; height: 19px; margin: 4px 0 10px 0; background: transparent url(/images/maven/global/btns_site.png) -903px 0 no-repeat; border: none !important; } .cal-pop-event dt a em { display: none; } .cal-pop-event dt a.view-event { background-position: -903px 0; } .cal-pop-event dt a.event-pending { width: 49px; background-position: -953px -19px; } .cal-pop-event dt a.view-event:hover { background-position: -903px -38px; } .cal-pop-event dt a.event-pending:hover { background-position: -953px -19px; } .cal-pop-event dd { padding: 8px 12px 10px 7.3em; border-bottom: 1px solid #bfd5ef; } .cal-pop-event dd h4 { margin-bottom: 0; padding-bottom: 6px; font: normal 1.5em/.9em Arial, sans-serif; color: #444; } .cal-pop-event dd h4 a { border: none !important; line-height: 1.2em; letter-spacing: 0 !important; } .cal-pop-event dd h4 a.event_title { display: block; } .cal-pop-event dd h4 a.locale, .cal-pop-event dd h4 span.locale { color: #ef8214; } .cal-pop-event dd h4 a.locale:hover { color: #3574c2; } .cal-pop-event dd p { font-size: 1.2em; line-height: 1.3em; color: #999; } .cal-pop-event dd p.attendees { margin-top: .7em; font-size: 1.1em; color: #444; } .cal-pop-event .alt { background: #f1f7ff !important; } .cal-pop-event a.btn.cancel { margin: 12px 0 -5px 120px; } /* ----------------------------------------------------------------------------- OVERLAY MODULE STYLES -----------------------------------------------------------------------------*/ .overlay { border: 3px solid #fff; } .overlay form { margin: 0 auto; padding-top: 15px; background: transparent !important; } .overlay_wrap { padding: 5px; background: #418fd0 url(/images/maven/shared/overlay_gradient.gif) 0 0 repeat-x; } .overlay h2 { font-weight: normal; padding-bottom: 6px; color: #fadfb2; background: #eb8f25 url(/images/maven/global/h2_utility.gif) 0 0 repeat-x; } a.overlay_close { float: right; display: block; width: 28px; height: 28px; margin: 3px 3px 0 0; overflow: hidden; background: transparent url(/images/maven/shared/overlay_close_btn.gif) 0 0 no-repeat; border: none; text-indent: -5000px; } a.overlay_close:hover { background-position: 0 -28px; border: none; } .overlay fieldset { margin-bottom: 1.4em; } .overlay form label { color: #eee; font-size: 1.1em; } .overlay form label.inline { margin-top: -2px; color: #fff; line-height: 1.4em; } .overlay form label.checkbox { float: none !important; display: inline !important; font-size: 1.3em; color: #fff; font-weight: normal; text-transform: none; line-height: 1.4em; } .overlay form input.checkbox { float: left; width: auto; margin: 2px 4px 2px 0; font-size: 1.2em; } .overlay form input.text { margin-bottom: 12px; font-size: 1.5em; } .overlay form select { font-size: 1.5em; } .overlay form option { font-size: .8em; padding-bottom: 3px; } .overlay form div.column { float: left; width: 48%; margin-right: 2%; } .overlay form textarea { font-size: 1.2em; font-weight: normal; letter-spacing: 0; } /* Edit Sport Overlay */ form#edit_sport select { margin-bottom: .8em; width: 260px; } form#edit_sport fieldset { float: left; width: 282px; } form#edit_sport textarea { width: 95%; height: 112px; margin-bottom: .8em; } form#edit_sport fieldset.position_select { position: relative; padding-top: .8em; } form#edit_sport fieldset.position_select select { width: 100%; height: 120px; font-size: 1.2em; background: #fff; } form#edit_sport fieldset.position_select a.btn { position: absolute; } form#edit_sport .btn.large.save { margin-right: 4px; } .overlay_wrap span.extra-check { float: left; position: relative; left: 5px; top: 8px; } .overlay_wrap span.extra-check label { font-weight: normal; text-transform: none; } fieldset.overlay-confirm { width: auto !important; float: none !important; } fieldset.overlay-confirm * { font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif !important; } fieldset.overlay-confirm strong { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-shadow: rgba(0,0,0,.21) 1px 1px 1px; } fieldset.overlay-confirm p { margin-bottom: 10px; color: #fff; } fieldset.overlay-confirm p a, fieldset.overlay-confirm .overlay-confirm-item li a { color: #ffa347; border: none !important; text-decoration: underline; } fieldset.overlay-confirm p a:hover, fieldset.overlay-confirm .overlay-confirm-item li a:hover { color: #fff; text-decoration: none; } fieldset.overlay-confirm .overlay-confirm-item { width: 96%; padding: 8px 10px 0 11px; background: #22438a; -webkit-border-radius: 6px; -moz-border-radius: 6px; } fieldset.overlay-confirm .overlay-confirm-item p { margin-bottom: 10px; padding-left: 1px; font-size: 11px; } fieldset.overlay-confirm .overlay-confirm-item em { position: relative; left: -1px; display: block; padding-bottom: 3px; font-size: 11px; line-height: 14px; font-style: italic; color: #bed2eb; } fieldset.overlay-confirm .overlay-confirm-item strong { position: relative; left: -1px; font-size: 15px; padding: 0 0 0 21px; margin-right: 5px; } fieldset.overlay-confirm .overlay-confirm-item strong a { font: normal bold 15px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #fff; text-decoration: none; } fieldset.overlay-confirm .overlay-confirm-item strong a:hover { color: #ffa347; } fieldset.overlay-confirm .overlay-confirm-item li { margin: 0 0 3px 21px; } fieldset.overlay-confirm .overlay-confirm-item li a { color: #ffa347; border: none; } /* Compose Message */ form#compose { width: 542px; padding-top: 15px; } form#compose div img { padding: 2px; border: 1px solid #3b70c7; position: relative; top: 3px;} form#compose input.text { width: 536px; } form#compose input#recipient { width: 284px; } form#compose input#subject { width: 528px; } form#compose select#players, form#compose select#teams { float: right; width: 115px; margin: 15px 0 0 7px; font-size: 1.3em; font-weight: bold !important; letter-spacing: -1px; } form#compose select#players option, form#compose select#teams option { font-size: 1em; } form#compose textarea { width: 528px; height: 96px; } form#compose .btn.large.send { margin: 6px 4px 0 0; } form#compose .btn.large.cancel { margin-top: 6px; } /* Send/Reply Message */ form#send_message input.text { display: block; width: 548px; margin-bottom: .8em; } form#send_message textarea { width: 548px; } form#send_message .btn.large.send { margin: 12px 4px 0 203px; } form#send_message .btn.large.cancel { margin-top: 12px; } /* Message Game Players */ form#messageGamePlayers .btn.large.send, #playerResponse_save { margin-right: 4px; } /* Change Player Response */ /*form#playerResponse input.radio { float: left; }*/ form#playerResponse label { display: inline; margin: 0 6px 1px 0; } /* Login + Signup */ form#login_signup { float: left; width: 200px; margin: 0; padding-right: 14px; padding-top: 25px; } form#login_signup input.text { width: 190px; } form#login_signup .btn.large.log_in { margin-right: 5px; } form#login_signup fieldset.button.checkbox { margin-bottom: -10px; } form#login_signup fieldset.button.checkbox fieldset.small { padding: 5px 0 0 5px; } form#login_signup fieldset.button.checkbox label { color: #bbb; font-size: 1.1em; line-height: 1em; } .overlay #fb-login { float: left; width: 140px; padding: 23px 25px 0 15px; } .overlay #fb-login.connected { width: 125px; margin: 25px 12px 0 2px; _display:inline; padding: 8px 10px 0 27px; border: 0; background-position: 6px 1em; } .overlay #fb-login h3 { font-weight: normal; color: #fff; } .overlay #fb-login.connected h3 { color: #424242; font-weight: bold; } .overlay #fb-login p { font-family: Georgia, serif; color: #bbb; font-style: italic; } .overlay #fb-login.connected p { font-family: helvetica, arial, sans-serif; color: #424242; font-style: normal; } .overlay .section.trans { float: left; width: 160px; margin-top: 8px; padding: 15px 0 10px 18px; border-left: 1px solid #538fd4; background: transparent !important; } .overlay .section.trans h2 { margin: 0 0 5px 0; padding: 0; color: #eee; background: transparent !important; font-size: 1.5em; } .overlay .section.trans p { color: #bbb; font-size: 1.1em; } /* Teams/Events Delete and Cancel */ .overlay form#cancelFormId { padding-bottom: 0 !important;} .overlay form#cancelFormId div.overlay-col-left, .overlay form#cancelFormId div.overlay-col-right { float: left; width: 47%; padding: 0 1%; } .overlay form#cancelFormId div.overlay-col-right { padding: 0 0 0 1%; } .overlay form#cancelFormId p { margin-bottom: 1em; color: #91c1ed; font-size: 12px; font-style: italic; line-height: 1.3em; text-align: center; } .overlay form#cancelFormId h3 { margin: 0 0 3px 0; padding: 0; font: normal bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #eee; text-align: center; } .overlay form#cancelFormId h3 strong { color: #fff; border-bottom: 1px solid #5e91db; } .overlay form#cancelFormId input { display: block !important; margin: 0 auto 2.1em auto; padding: 0; text-indent: -5000px; background: transparent url(/images/maven/tne/tne-overlay-btns.gif) 0 0 no-repeat; border: none !important; cursor: pointer; } .overlay form#cancelFormId input.tne-delete-btn { width: 250px; height: 30px; background-position: 0 0; } .overlay form#cancelFormId input.tne-delete-btn:hover { background-position: 0 -30px; } .overlay form#cancelFormId input.tne-cancel-btn { width: 258px; height: 30px; background-position: 0 -60px; } .overlay form#cancelFormId input.tne-cancel-btn:hover { background-position: 0 -90px; } .overlay form#cancelFormId input.tne-nevermind-btn { width: 251px; height: 26px; background-position: 0 -120px; } .overlay form#cancelFormId input.tne-nevermind-btn:hover { background-position: 0 -146px; } .overlay form#cancelFormId p.bottom-note { clear: both; width: 400px; margin: 12px auto 0 auto !important; padding-top: 14px; border-top: 1px solid #5e91db; text-align: center; } .overlay form#cancelFormId p.bottom-note input { margin: 0 0 15px 74px !important; } /* ----------------------------------------------------------------------------- OVERLAY SCRIPT STYLES -----------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index: 7000; top: 0px; left: 0px; height: 100%; width: 100%; } .TB_overlayMacFFBGHack { background: transparent url(/images/maven/global/dark_69.png) 0 0 repeat; } .TB_overlayBG { background-color: #000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; padding: 0 !important; background: transparent; z-index: 7002; display: none; text-align: left; top: 50%; left: 50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* ----------------------------------------------------------------------------- NEW OVERLAYS -----------------------------------------------------------------------------*/ .new-overlay * { margin: 0; padding: 0; font: normal normal 10px/1em Arial, sans-serif; border: none; background: transparent; .text-align: left; _text-align: left; } .new-overlay { margin: 0 auto; padding: 5px; background: rgb(14, 40, 77); background: rgba(14, 40, 77, 0.42); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .new-overlay#sched-quick-add { width: 612px; } .new-overlay#sched-quick-detail { width: 642px; } .new-overlay-form { background: #fff url(/images/maven/global/new-overlays/content-bg.png) 0 bottom repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .new-overlay .overlay-content { padding: 18px 19px 1px 19px; } .overlay-btns { position: relative; margin-top: 12px; padding: 16px 18px; background: #b1c5e0; border-top: 1px solid #9cb0dd; } /* Typography */ .overlay-content h1 { margin: 0 0 .2em 0 !important; padding: 0 !important; font: normal bold 1.9em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; letter-spacing: -1px; background: transparent !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: none !important; } .overlay-content h1 a { font: normal bold .75em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; } .overlay-content h1 em { padding: 0 1px 0 3px; font: italic normal .6em Georgia, serif; } .overlay-content h1 span { font: normal bold .75em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #729ed4; } .overlay-content h2 { margin-bottom: .1em; font: normal bold 1.5em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3574c2; } .overlay-content h2 span.help { margin-left: 4px; font: normal bold .7em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ef8214; cursor: help; } .overlay-content p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.2em; color: #999; } /* Error style */ .new-overlay div.error-recap { margin: 21px -19px 12px -19px; } .new-overlay div.error-recap * { .text-align: center !important; _text-align: center !important; } .new-overlay div.error-recap p { margin: 0; color: #777; } .new-overlay div.error-recap p em { font-size: 1em; color: #999; } .new-overlay div.error-recap p strong { font-size: 1em; } /* Form Tweaks (mostly re-uses standard tne form styles - these are adjustments for spacing) */ .overlay-content fieldset { width: auto; margin-bottom: 1.4em; } .overlay-content fieldset p { /*width: 421px;*/ margin: 0; } .overlay-content fieldset p a { font-size: 1em; } .overlay-content input { font-size: 1.2em; vertical-align: bottom; } .overlay-content label { position: relative; top: .2em; font-size: 1.2em; line-height: 1.3em; color: #555; vertical-align: bottom; } .overlay-content fieldset div { position: relative; } .overlay-content label.field { margin: 0; padding-top: .5em; font: normal bold 1.2em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #729ed4; } .overlay-content input.text { padding: 3px; background: #fff; border: 2px solid #b1c5e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .overlay-content select { border: 1px solid #b1c5e0; } .overlay-content select option { font-size: 1em; } .overlay-content p.overlay-note { font-size: 1.1em; color: #7280a2; } .overlay-content p.overlay-note strong { float: left; margin-right: 2px; position: relative; top: -1px; font-size: 1.5em; color: #ef8214; } .overlay-content p.overlay-note a { font-size: 1em; } .overlay-content span.mini-check label { position: relative; top: 0px; } .overlay-content .city-state-zip select { position: relative; top: -.55em; } #sched-quick-add .overlay-content textarea { height: 69px; padding: 3px; background: #fff; border: 2px solid #b1c5e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .overlay-content input.text.error, .overlay-content select.error { .border-color: #e97e16 !important; _border-color: #e97e16 !important; } /* Schedule Quick Detail */ #sched-quick-detail h1 { margin-bottom: 15px; background: transparent !important; } .overlay-content div.error-msg { margin: 0 0 15px 0; padding: 8px 12px 8px 56px; } .overlay-content div.error-msg h3 { font-size: 1.4em !important; color: #555; } .overlay-content div.error-msg p { margin: 0; } #sched-quick-detail .o-btn { margin-right: 4px; } #sched-quick-detail .event-date { margin-right: 10px; } #sched-quick-detail .event-date p { position: relative; height: 57px; margin-bottom: 8px; padding: 40px 0 7px 0; font: normal 55px/1em "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #4f4f4f; letter-spacing: -2px; text-align: center; background: transparent url(/images/maven/schedule/sched-overlay-date-bg.png) 0 0 no-repeat; } #sched-quick-detail .event-quick-tally { float: left; width: 255px; margin-right: 10px; padding: 0; } #sched-quick-detail h2 { color: #555; background: transparent !important; } #sched-quick-detail h2 strong { font: normal bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3574c2; background: transparent !important; } #sched-quick-detail h2 a { font: normal bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ef8214; } #sched-quick-detail h2 a:hover { color: #b95300; } #sched-quick-detail .your-reply { margin-bottom: 3px; padding: 8px 0 6px 0; background: transparent url(/images/maven/schedule/sched-overlay-your-reply.gif) 27px bottom no-repeat; } #sched-quick-detail .your-reply.no { background-position: -710px bottom; } #sched-quick-detail .your-reply.maybe { background-position: 153px bottom; } #sched-quick-detail .your-reply.nr { background-position: -184px bottom; } #sched-quick-detail .your-reply.draft, #sched-quick-detail .your-reply.pending { background-position: -1000px bottom; } #sched-quick-detail .your-reply p { margin: 0; padding: 8px 10px 9px 9px; font: normal bold 1.3em/1.1em "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #fff; background: #3574c2; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #sched-quick-detail .your-reply.nr p, #sched-quick-detail .your-reply.draft p { background: #ef8214; } #sched-quick-detail .your-reply.no p { background: #b5c9e3; } #sched-quick-detail .your-reply p a { display: block; margin-top: .4em; padding: 3px 3px 4px 3px; text-align: center; font-size: .85em; font-style: italic; color: #fff; font-weight: bold; font-style: normal; background: #4889d9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: none; } #sched-quick-detail .your-reply.nr p a { color: #ef8214; background: #ffd2a4; } #sched-quick-detail .your-reply.draft p a { color: #ef8214; background: #ffd2a4; } #sched-quick-detail .your-reply.no p a { color: #7a9bc6; background: #cfddef; } #sched-quick-detail .your-reply p a:hover { background: #fff; color: #3574c2; } #sched-quick-detail .your-reply.nr p a:hover, #sched-quick-detail .your-reply.draft p a:hover { color: #ef8214; } #sched-quick-detail .your-reply.no p a:hover { color: #3574c2; } #sched-quick-detail .tallies { padding: 3px; background: rgba(53,119,164,.12); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #sched-quick-detail .tallies.yes a.yes strong, #sched-quick-detail .tallies.no a.no strong, #sched-quick-detail .tallies.maybe a.maybe strong { color: #3574c2; } #sched-quick-detail .tallies.nr a.nr strong { color: #ef8214; } #sched-quick-detail .tallies.draft, #sched-quick-detail .tallies.pending { display: none; } #sched-quick-detail .tallies a { float: left; display: block; height: 33px; width: 38px; margin-right: 3px; padding: 8px 10px 12px 10px; text-align: center; background: #fff; border: 1px solid #b5c9e3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none !important; } #sched-quick-detail .tallies a.nr { margin-right: 0 !important; } #sched-quick-detail .tallies a { font: normal bold 1em/.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #aaa; text-transform: uppercase; } #sched-quick-detail .tallies a strong { display: block; margin-bottom: .1em; font-size: 2.4em; .text-align: center; _text-align: center; } #sched-quick-detail #event-map { float: left; width: 237px; padding: 1px; background: transparent; border: 2px solid #b1c5e0; } #sched-quick-detail .tallies a:hover strong { color: #3574c2; } /* Buttons */ .new-overlay .overlay-btns { border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .overlay-btns input { border: none; .text-align: center; _text-align: center; .padding: 3px 0; _.padding: 3px 0; } .overlay-btns input.o-btn { padding: 8px 14px 6px 14px; font-size: 11px; line-height: 1.4em; font-weight: bold; text-transform: uppercase; color: #3574c2; background: #fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; cursor: pointer; } .overlay-btns input.o-btn:hover { color: #fff; background: #3574c2; } .overlay-btns input.o-btn.cancel, .overlay-btns input.o-btn.delete { position: absolute; top: 2em; right: 15px; padding: 5px 14px 3px 14px; font-size: 10px; line-height: 1.4em; color: #b1c5e0; background: #67789e; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; } .overlay-btns input.o-btn.delete { color: red; background: #fff; } .overlay-btns input.o-btn.cancel:hover { color: #c9d9ef; background: #5c6d95; } .overlay-btns input.o-btn.delete:hover { color: #fff; background: red; } .overlay-btns input.o-btn { .padding: 5px 0 4px 0; _padding: 5px 0 4px 0; } .overlay-btns input.o-btn.cancel, .overlay-btns input.o-btn.delete { .position: absolute; .top: 1.7em; .width: 120px; _position: absolute; _top: 1.7em; _width: 120px; } /* Boxover Tooltips */ .boxover_header { vertical-align:middle; font-weight: bold; width: 150px; font-family: arial; border: 1px solid #8AAFDC; padding: 4px; font-size: 11px; color: #3574C2; background: #E5EFFA; z-index:30000; } .boxover_body { border-bottom: 1px solid #8AAFDC; border-left: 1px solid #8AAFDC; border-right: 1px solid #8AAFDC; width: 150px; font-family: arial; font-size: 11px; padding: 4px; color: #1B4966; background: #FFFFFF; z-index:30000; } /* cTip */ span.cTip { position: relative; z-index: 6900; top: 2px; margin: -2px 0; display:-moz-inline-stack !important; display: -moz-inline-box !important; display: inline-block !important; width: 16px; height: 16px; font-size: 10px !important; background: transparent url(/images/maven/global/cTip-icon.gif) right center no-repeat; border: none; cursor: help; } span.cTip { zoom: 1; _display: inline; } /* Windoze */ span.cTip span.cTip-wrap { display: none; position: absolute; bottom: 21px; right: -8px; width: 184px; padding-bottom: 4px; background: transparent url(/images/maven/global/cTip-arrow.gif) right bottom no-repeat; } span.cTip span.cTip-wrap span.cTip-style { padding: 8px; color: #eee !important; text-align: left !important; font: normal normal 11px/14px "Lucida Sans", "Lucida Grande", Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; background: #3574c2; background: rgba(53,116,194,.93); border: 2px solid #153768; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } span.cTip span.cTip-wrap span.cTip-style strong { display: block; margin: -1px 0 4px 0; color: #fff; text-align: left !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: bold; font-size: 1.2em; text-shadow: #153768 -1px -1px -1px; } span.cTip span.cTip-wrap span.cTip-style em { font: italic bold 11px/14px "Lucida Sans", "Lucida Grande", Arial, sans-serif !important; color: #fff !important; text-decoration: underline; } .clipboard .clipboard-profile span.cTip { z-index: 0; } .clipboard #right_column span.cTip { top: 1px; left: -1px; }